$(function() {
	var dataLineChart1 = echarts.init(document.getElementById('dataLineChart1'));
	var dataLineChart2 = echarts.init(document.getElementById('dataLineChart2'));
	var dataLineChart3 = echarts.init(document.getElementById('dataLineChart3'));
	var onlinedriver = echarts.init(document.getElementById('onlinedriver'));
	var finish = echarts.init(document.getElementById('finish'));
	var driverevaluate = echarts.init(document.getElementById('driverevaluate'));

	option1 = {

		tooltip: {
			trigger: 'axis'
		},

		grid: {
			top: '5%',
			left: '0%',
			right: '0%',
			bottom: '3%',
			containLabel: true
		},

		xAxis: {
			type: 'category',
			boundaryGap: false,
			data: []
		},
		yAxis: {
			type: 'value'
		},
		series: [{
			name: '流水金额',
			type: 'line',
			stack: '总量',
			data: [120, 132, 101, 134, 90, 230, 210]
		}]
	};
	option2 = {

		tooltip: {
			trigger: 'axis'
		},

		grid: {
			top: '5%',
			left: '0%',
			right: '0%',
			bottom: '3%',
			containLabel: true
		},

		xAxis: {
			type: 'category',
			boundaryGap: false,
			data: []
		},
		yAxis: {
			type: 'value'
		},
		series: [{
			name: '流水金额',
			type: 'line',
			stack: '总量',
			data: [160, 150, 98, 100, 110, 125, 168]
		}]
	};
	option3 = {

		tooltip: {
			trigger: 'axis'
		},

		grid: {
			top: '5%',
			left: '0%',
			right: '0%',
			bottom: '3%',
			containLabel: true
		},

		xAxis: {
			type: 'category',
			boundaryGap: false,
			data: []
		},
		yAxis: {
			type: 'value'
		},
		series: [{
			name: '流水金额',
			type: 'line',
			stack: '总量',
			data: [130, 120, 144, 132, 99, 88, 180]
		}]
	};
	onlinedriverop = {
		tooltip: {
			trigger: 'item',
			formatter: "{a} <br/>{b}: {c} ({d}%)"
		},
		legend: {
			orient: 'vertical',
			x: 'left',
			data: ['在线司机', '不在线司机']
		},
		series: [{
			name: '访问来源',
			type: 'pie',
			radius: ['50%', '70%'],
			avoidLabelOverlap: false,
			label: {
				normal: {
					show: false,
					position: 'center'
				},
				emphasis: {
					show: true,
					textStyle: {
						fontSize: '12',
						fontWeight: 'bold'
					}
				}
			},
			labelLine: {
				normal: {
					show: false
				}
			},
			data: [{
					value: 139,
					name: '在线司机'
				},
				{
					value: 80,
					name: '不在线司机'
				}
			]
		}]
	};
	finishorderop = {
		tooltip: {
			trigger: 'item',
			formatter: "{a} <br/>{b}: {c} ({d}%)"
		},
		legend: {
			orient: 'vertical',
			x: 'left',
			data: ['完成订单司机司机', '未完成司机']
		},
		series: [{
			name: '访问来源',
			type: 'pie',
			radius: ['50%', '70%'],
			avoidLabelOverlap: false,
			label: {
				normal: {
					show: false,
					position: 'center'
				},
				emphasis: {
					show: true,
					textStyle: {
						fontSize: '12',
						fontWeight: 'bold'
					}
				}
			},
			labelLine: {
				normal: {
					show: false
				}
			},
			data: [{
					value: 134,
					name: '完成订单司机'
				},
				{
					value: 50,
					name: '未完成司机'
				}
			]
		}]
	};
	driverevaluateop = {
		tooltip: {
			trigger: 'item',
			formatter: "{a} <br/>{b}: {c} ({d}%)"
		},
		legend: {
			orient: 'vertical',
			x: 'left',
			data: ['A档司机', 'B档司机', 'C档司机']
		},
		series: [{
			name: '访问来源',
			type: 'pie',
			radius: ['40%', '60%'],
			avoidLabelOverlap: false,
			label: {
				normal: {
					show: false,
					position: 'center'
				},
				emphasis: {
					show: true,
					textStyle: {
						fontSize: '12',
						fontWeight: 'bold'
					}
				}
			},
			labelLine: {
				normal: {
					show: false
				}
			},
			data: [{
					value: 15,
					name: 'A档司机'
				},
				{
					value: 27,
					name: 'B档司机'
				},
				{
					value: 3,
					name: 'C档司机'
				}
			]
		}]
	};
	dataLineChart1.setOption(option1);
	dataLineChart2.setOption(option2);
	dataLineChart3.setOption(option3);
	onlinedriver.setOption(onlinedriverop);
	finish.setOption(finishorderop);
	driverevaluate.setOption(driverevaluateop)
})